iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Vue.js

在 Vue 過氣前要學的三十件事系列 第 1

在 Vue 過氣前要學的第一件事 - 先了解自己

  • 分享至 

  • xImage
  •  

前言

今天是 9 月 1 號, 在這個特別的日子裡~
為什麼特別呢, 因為今天是 友克鑫集合
https://ithelp.ithome.com.tw/upload/images/20250831/20172784ptXZ2tlE5Y.jpg
是我鐵人賽開賽的第一天啦!

話不多說直接開始
Talk
身為一名前端工程師,對框架應該都不陌生 吧(?
在現代前端領域,最知名的莫過於三大框架 React、Vue 和 Angular。
而我剛開始的時候,是從前端三寶 HTML、CSS、JavaScript 學起。

自信滿滿的要開始學框架,結果直接被 Vue2 嚇到打退堂鼓,
這什麼! 到底什麼框架!
國棟-這什麼
後來在找工作的期間,先學了 React 並完成了一個作品集;入職後則學習了 Vue 3。

在學習的過程中,查閱了大量資料,也整理與蒐集了不少案例與解法心得,
也會從 Vue 學到的案例延伸到原生 JavaScript 去做講解。

希望經過這三十篇文章後在學習大部分框架都能舉一反三,
學得更快不會成為被時代淹沒的人

題外話

其實原本是想取名叫 《 Vue3:在入門之後 》
但也不知道所謂的 入門後 門檻在哪(?
https://ithelp.ithome.com.tw/upload/images/20250830/20172784j3gB2LQdG8.jpg
因此最後借鑒了殭屍一百的名稱,改為在 Vue 過氣前要學會的三十件事

前端技術日新月異,或許再過一段時間,目前流行的框架就會被更新的框架取代。
但只要掌握基礎的核心觀念,並稍加轉換思維,大部分技術其實都能更快上手。
更重要的是,許多觀念本身就是跨框架通用的。

你可能要先了解這些…

HTML
前端頁面的骨架, 描述頁面最基礎的架構

CSS
前端頁面的皮膚, 為頁面加上色彩

JavaScript
前端頁面的肌肉, 賦予頁面動作和靈魂

最好還可以懂這些…

Composition API
Vue3 的主流寫法, 將功能相關聯的程式碼分區管理, 提升易讀性
本系列將會以此為主

SSR
透過 Server 預生成 HTML 給瀏覽器有東西可以爬,
主要目的提升 SEO 評分

記得先安裝這些…

node.js
JavaScript 的運行環境,
安裝後會自帶 npm, 對於後續安裝套件會有很大的幫助

VSCode
免費的程式編輯器,可以幫你寫、檢查、執行程式碼,
具有許多方便開發的擴充套件

以下是系列文會涵蓋的章節

  • 第一章 寫 Vue 之前應該知道的概念
  • 第二章 響應式系統的核心概念
  • 第三章 一些你絕對要會使用的基礎語法
  • 第四章 模組化下的組件溝通
  • 第五章 讚讚套件和通用觀念
  • 第六章 進階使用

歡迎各位想了解 Vue 或是已經開始使用的人,
一起在這三十天的文章內找到一些對你有用的資訊 ,
透過學習到的知識延伸成為一個不被框架侷限的人
如果你喜歡這個系列或是想看我發瘋, 歡迎按下 訂閱 一起走完這三十天吧
華爾街之狼

https://ithelp.ithome.com.tw/upload/images/20250830/20172784Hj1lmv6LzU.png


下一篇
在 Vue 過氣前要學的第二件事 - Vue 到底是什麼
系列文
在 Vue 過氣前要學的三十件事2
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言